<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--引入bootstrap核心css-->
    <link rel="stylesheet"  th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.min.css}" href="../static/boot/css/bootstrap.min.css" />
    <!--引入jquery核心js文件-->
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" src="../static/boot/js/jquery-3.5.1.min.js"></script>
    <!--引入bootstrap核心js文件-->
    <script th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.min.js}" src="../static/boot/js/bootstrap.min.js"></script>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script src="https://code.highcharts.com/highcharts.js"></script>



</head>
<body>
<div class="container-fluid">

    <div id="container"></div>
    <nav aria-label="...">
        <ul class="pager">
            <div th:text="'第'+${pageNum} +'页'">第1页</div>
<!--            <li><a href="#" th:href="@{/testPageHelper(pageNum=${pageInfo.getPrePage()})}">上一页</a></li>-->
            <li><a href="#" th:href="@{/testPageHelper(pageNum=${prePage})}">上一页</a></li>
<!--            <li><a href="#">上一页</a></li>-->
<!--            <li><a href="#" th:href="@{/testPageHelper(pageNum=${pageInfo.getNextPage()})}">下一页</a></li>-->
            <li><a href="#" th:href="@{/testPageHelper(pageNum=${nextPage})}">下一页</a></li>
        </ul>
    </nav>

    <!--获取后端存储在request作用域的ecg数据-->
    <input id="data" type="hidden" th:value="${#httpServletRequest.getAttribute('jsonArray')}"></input>
<!--    <input id="data" type="hidden" th:value="${pageInfo.getList()}"></input>-->
</div>

    <script>
        /*获取上面id为data的input标签的数据，此时为字符串，需要转为json对象*/
        var jsonStr = $("#data").val();
        /*转为json对象*/
        var jsonObj = $.parseJSON(jsonStr);
        var SerialData = new Array();   //数组，Highcharts需要的一页数据
        /*将所有数据添加到数组中*/
        $.each(jsonObj,function (index,content) {
            console.log("当前是第"+index+"个json对象：" + "id为："+content.id + "，voltage为："+content.voltage)

            SerialData.push(content.voltage);
        })

    </script>
    <script src="../static/js/testHistoryData001.js"></script>
</body>
</html>